<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮政电子面单</title>
<style type="text/css">
<!--


body{ font-family: "黑体"; line-height:18px;font-size:15px;background-color:#FFF;letter-spacing:-1px; }
.font8{ font-size:8px;font-weight:100;}
.font15{ font-size:15px;font-weight:100;}
.font18{ font-size:18px;font-weight:100;}
.font20{ font-size:20px;font-weight:100;}
.font30{ font-size:30px;font-weight:100;}
.font-jc{ font-weight:bolder;}
.fontxt{font-style:italic; }
.tab1{ width:95mm; height:145mm;}
.tabsb { border:#666 solid 1px; }
.tabsb2 { border:#999 solid 1px; }
.tabsb3 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-bottom:#020202 solid 2px; border-top:#020202 solid 2px;}
.tabsb4 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-top:#999 solid 1px;}
.tabsb5 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.tabrd {border-bottom:#999 solid 1px; border-right:#999 solid 1px;}
.tabr {border-right:#999 solid 1px;}
.tabd { border-bottom:#999 solid 1px;}
.margin-left20 { margin-left:20px;}
.padding-left5{padding-left:5px;}
.padding-left10{padding-left:10px;}
.padding-left20{padding-left:20px;}
.padding-left30{padding-left:30px;}
.padding-top5{padding-top:5px;}
.font-90deg{ line-height:5pt !important; display:block; transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
-->
</style>
</head>

<body>
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" class="tab1">
  <tr>
    <td align="center" valign="middle" style="height:20mm;" class="tabd"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle">
        <span class="font30 font-jc" style="display:block; height:10mm; line-height:30px;">国内小包</span>
        </td>
        <td align="center" valign="middle" style="width:55mm;"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class=" tabd" style="height:30mm;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="2" align="center" valign="middle" class="tabd" style="height:7mm;">
        <span class="font20 font-jc" style=" display:block; float:left;">${printerModel.toProvince}${printerModel.toTowns}</span>
        </td>
        </tr>
      <tr>
        <td class="tabr font20" style="width:5mm; height:23mm; line-height:40px !important;">收件</td>
        <td class="font20 padding-left5" >
        ${printerModel.toName}<span class="padding-left20"> ${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span>
         <br/>
        ${printerModel.toAddress}
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td style=" height:36mm; border-bottom:#333 dashed 1px;" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="font15 tabr padding-top5" style=" width:55mm;height:36mm;">
       <font style=" display:block; width:53mm;height:32mm; vertical-align:top;"> 订单号:${printerModel.fromno}<br />
        品名:
        <c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
	  		<c:if test="${i.count == 1}">
		  		${item.itemName}<br/>
			</c:if>
			<c:if test="${i.count > 1}">
				<span class="padding-left30">${item.itemName}<br/></span>
			</c:if>
	  </c:forEach> 
	  </font> 
        <span class="padding-left5 font15" style="display:block;">重量(克):${printerModel.weight}</span>
        </td>
        <td align="left" valign="top" class="padding-top5">
         <span class="padding-left5 font18">收件人/代收人:  </span><br >
        <span class="padding-left5 font15" style="padding-top:20mm; display:block;"><br /> 
        签收时间: <br >
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;月&nbsp;&nbsp;日&nbsp;&nbsp;时</span>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="tabd"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style=" width:55mm;height:15mm;"><!-- <img src="img/ydh.jpg" width="195" height="60" /> --></td>
        <td align="center" valign="top"><!-- <img src="img/logo.jpg" width="140" height="42" /> -->
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td class="tabrd font20" style="width:5mm; height:6mm; line-height:20px !important;">收件</td>
          <td colspan="2" class=" font15 padding-left5 tabd" style="height:6mm;">
        ${printerModel.toName}<span class="padding-left10"> ${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span>
         <br/>
         ${printerModel.toAddress}
        </td>
        </tr>
      <tr>
        <td class="tabrd font20" style="width:5mm; height:23mm; line-height:40px !important;">寄件</td>
        <td class=" font15 padding-left5 tabrd" >
        ${printerModel.fromName}<span class="padding-left10">${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}</span>
         <br/>
        ${printerModel.fromAddress}<br/>
        客户编码:</td>
        <td rowspan="3"  style="width:25mm;" align="center" valign="middle"><!-- <img src="img/smyl.jpg" width="90" height="90" /> --></td>
      </tr>
      <tr>
        <td colspan="2" style="height:5mm;" class="tabrd">订单号:${printerModel.fromno} </td>
        </tr>
      <tr>
        <td colspan="2" style="height:5mm;" class="tabr">网址:www.11185.cn<span style="padding-left:13mm;">客户电话:11185</span></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

